<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>首页</title>
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/swiper.min.css">
    <link rel="stylesheet" href="./css/style.css">
    <script src="js/jquery.min.js"></script>
    <script src="js/setFont.js"></script>
    <script type="text/javascript" src="js/swiper.min.js"></script>
    <script src="js/base.js"></script>
</head>

<body>
    <div class="box centerWidth swiper-container">
        <!--静音按钮-->
        <dl class="mute">
            <dt></dt>
            <dd></dd>
            <audio  id="music" preload="auto" src="./images/bgMusic.mp3" loop="loop" ></audio>
        </dl>
        <div class="swiper-wrapper">
            <div class="swiper-slide swiper-slide-active wrap1 swiper-no-swiping">
                <div class="start">
                    <img class="img" src="./images/img1.png">
                    <img class="yy" src="./images/img1o.png">
                </div>
            </div>
            <div class="swiper-slide wrap2">
                <div class="swiper-container sec-section">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide" style="overflow-y: auto;">
                            <img class="img" src="./images/p2.jpg">
                            <div class="item item1">
                                <div class="con">
                                    <img src="./images/t1.png">
                                </div>
                                <div class="pick">
                                    <img src="./images/img2.png">
                                </div>
                            </div>
                            <div class="item item2">
                                <div class="con">
                                    <img src="./images/t2.png">
                                </div>
                                <div class="pick">
                                    <img src="./images/img2.png">
                                </div>
                            </div>
                            <div class="item item3">
                                <div class="con">
                                    <img src="./images/t3.png">
                                </div>
                                <div class="pick">
                                    <img src="./images/img2.png">
                                </div>
                            </div>
                            <div class="item item4">
                                <div class="con">
                                    <img src="./images/t4.png">
                                </div>
                                <div class="pick">
                                    <img src="./images/img2.png">
                                </div>
                            </div>
                            <div class="item item5">
                                <div class="con">
                                    <img src="./images/t5.png">
                                </div>
                                <div class="pick">
                                    <img src="./images/img2.png">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="swiper-slide wrap3">
                <div class="swiper-container th-section">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide" style="overflow-y: auto;">
                            <img class="pic3" src="./images/p3.jpg">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
       
     
            <!--静音按钮-->
    <script>
        document.addEventListener('DOMContentLoaded', function () {
            function audioAutoPlay() {
                var audio = document.getElementById('music');
                    audio.play();
                document.addEventListener("WeixinJSBridgeReady", function () {
                    audio.play();
                }, false);
                audio.onended = function () {
                    audio.load();
                    audio.play();
                }
            }
            audioAutoPlay();
        });
    </script>


</body>

</html>